import { RightOutlined } from "@ant-design/icons";
import { Button, Card, Col, List, Row, Space, Tabs, Form, Input, Checkbox, Switch } from "antd";
const { TabPane } = Tabs;

const AccountProtect = () => {
    return (
        <Space direction="vertical" size={24} style={{width: "100%"}}>
            <Card>
                <div
                    style={{
                        display: "flex",
                        justifyContent: "space-between"
                    }}
                >
                    <span>登录地保护</span>
                    <Switch></Switch>
                </div>
            </Card>
            <Card>
                <div
                    style={{
                        display: "flex",
                        justifyContent: "space-between"
                    }}
                >
                    <span>登录验证保护</span>
                    <Switch></Switch>
                </div>
            </Card>
            <Card>
                <div
                    style={{
                        display: "flex",
                        justifyContent: "space-between"
                    }}
                >
                    <span>登录地保护</span>
                    <Switch></Switch>
                </div>
            </Card>
        </Space>
    )
}


export default AccountProtect;
